Modal.af-add-modal-lzw(v-model="addModalShow" fullscreen title="公积金参数新增")
  Spin(v-if="spinShow" size="large" fix)
  Form.add-modal(ref="formCustom")
    .search-form-lzw
      Row.mb-15(type="flex" justify="start")  
        Col.pr-20(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
          span.label-txt 参保地区：
          Cascader(v-model="add_area_name" placeholder="请选择参保地区" change-on-select :data="ProvinceArr" :load-data="loadDataCity" style="width:100%;" filterable)
    Divider
    Row.mb-10.text-center(:gutter="16")
      Col(span="4") 单位/个人
      Col(span="4") 默认基数
      Col(span="4") 最低基数
      Col(span="4") 最高基数
      Col(span="4") 缴纳比例
      Col(span="4") 缴纳金额
    template(v-for="(item,index) in addDetailInfo.details")
      Row.mb-10.text-center(v-if="item.company" type="flex" align="middle" :gutter="16")
        Col(span="4") {{item.securityTypeName}}单位部分:
        Col(span="4")
          Input(v-model="item.company.baseAmount" type="number" clearable @on-blur="totalMoneyCompany(item)")
        Col(span="4")
          Input(v-model="item.company.minAmount" type="number" clearable)
        Col(span="4")
          Input(v-model="item.company.maxAmount" type="number" clearable)
        Col(span="4")
          Input(v-model="item.company.percent" clearable @on-blur="totalMoneyCompany(item)")
        Col(span="4")
          Input(v-model="item.company.totalAmount" type="number" clearable)
      Row.mb-10.text-center(v-if="item.employee" type="flex" align="middle" :gutter="16")
        Col(span="4") {{item.securityTypeName}}个人部分:
        Col(span="4")
          Input(v-model="item.employee.baseAmount" type="number" clearable @on-blur="totalMoneyEmployee(item)")
        Col(span="4")
          Input(v-model="item.employee.minAmount" type="number" clearable)
        Col(span="4")
          Input(v-model="item.employee.maxAmount" type="number" clearable)
        Col(span="4")
          Input(v-model="item.employee.percent" @on-blur="totalMoneyEmployee(item)" clearable)
        Col(span="4")
          Input(v-model="item.employee.totalAmount" type="number" clearable)
    Divider
    .search-form-lzw
      Row
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
          span.label-txt 补缴最长期限（月）：
          Input(v-model="addDetailInfo.payBackMaxMonth" type="number" placeholder="请输入" clearable)
        template(v-for="(item,index) in addDetailInfo.details")
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
            span.label-txt 收费精度：
            Select(v-model="item.precision" :disabled="isCheckModel" @on-change="totalMoney(item)")
              Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
      Row
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
          span.label-txt 减员生效时间：
          Select(v-model='addDetailInfo.reduceEffectType', placement="top")
            Option(v-for='item in effectiveTime', :value='item.key', :key='item.key') {{ item.value }}
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
          span.label-txt 异动操作时长：
          Input(v-model="addDetailInfo.changeOperateDuration" placeholder="请输入" clearable)
      Row
        Col.mb-15(v-if="addDetailInfo.increasDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
          span.label-txt 增员起止时间：
          Select(v-model="addDetailInfo.increasDay.begin" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="开始时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
          span.pr-10.pl-10 --
          Select(v-model="addDetailInfo.increasDay.end" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="截止时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
        Col.mb-15(v-if="addDetailInfo.reduceDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
          span.label-txt 减员起止时间：
          Select(v-model="addDetailInfo.reduceDay.begin" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="开始时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
          span.pr-10.pl-10 --
          Select(v-model="addDetailInfo.reduceDay.end" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="截止时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
  template(slot="footer")
    Button(@click="addModalShow=false") 关闭
    Button(type="info" @click="confirmFn") 确定


